<template lang="html">
	<div class="footer">
		<ul>
			<li v-for="page in pages">{{page}}</li>
		</ul>
	</div>
</template>

<script>
export default {
	data() {
		return {
			pages:[1,2,3,4,5,6,7,8,9,10]
		}
	},
	methods:{

	},
}	
</script>

<style lang="css" scoped>
.footer{background-color: #ccc;position: fixed;bottom: 0;display: flex;width: inherit;}
ul{flex-grow: 1;display: flex;}
li{display: inline-block;padding: .5rem;flex-grow: 1;}
</style>